<template>
  <div>
    <div class="jd-head">
      <div class="back"><span class="iconfont">&#xe664;</span></div>
      <div class="titl">
        <a>我的京东</a>
      </div>
      <div class="more">
        <span class="iconfont">&#xe740;</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MineHeader'
}
</script>

<style lang="stylus" scoped>
  .jd-head
    font-size .3rem
    color #252525
    min-height 44px
    background #fff
    width 100%
    border-bottom 1px solid #e5e5e5
    .back
      position absolute
      width 40px
      height 44px
      line-height 44px
      text-align center
    .back .iconfont
      font-size .36rem
      font-weight bold
      color #333
    .titl
      line-height 44px
      margin 0 70px
      display flex
      display -webkit-box
      display -webkit-flex
    .titl a
      flex 1
      -webkit-box-flex: 1
      -webkit-flex: 1
      text-align center
      color #252525
      font-size .28rem
    .titl a.act
      color #e4393c
    .more
      overflow hidden
      position absolute
      top 0
      right 0
      width 40px
      height 44px
      line-height 44px
      text-align center
    .more span
      font-size .56rem
      font-weight bold
      color #666
</style>
